<!DOCTYPE html>
<html lang="en">

<head>
	<title>KEYSTATION</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="format-detection" content="telephone=no">
	<link rel="shortcut icon" href="img/favicon.ico">

	<!-- css -->
	<link rel="stylesheet" href="css/normalize.custom.css">
	<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.2.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="css/main.css">
	<!-- js -->
	<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
	<!-- Global site tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-146700011-1"></script>
	<script>
		window.dataLayer = window.dataLayer || [];
		function gtag(){dataLayer.push(arguments);}
		gtag('js', new Date());

		gtag('config', 'UA-146700011-1');
	</script>
</head>

<body>
	<div id="app">

		<!-- left -->
		<div class="side-left">
			<div>
				<h1><img src="img/keystation_logo.svg" alt="KEYSTATION"></h1>
				<img src="img/keystation_txt.svg" alt="">
			</div>
		</div>
		<!-- left end -->

		<!-- main -->
		<div class="main">

			<!-- title -->
			<div class="mian-title">
				<h2>Securely access dApps<br>built with the Cosmos-SDK</h2>
				<span>Open source, No installation.</span>
				<p>Keystation makes it simple.</p>
				<a href="https://github.com/cosmostation/keystation" target="_blank" title="cosmostation web wallet">Try Now<span>&#8594;</span></a>
			</div>

			<!-- content -->
			<div class="main-content">
				<!-- features -->
				<ul class="main-features-list">
					<li>
						<span>01</span>
						<h4>No Installation</h4>
						<p>Keystation does not require any installation. Simply enter your information and log into your
							favorite distributed application.<br>(Available on Chrome & Safari.)</p>
					</li>
					<li>
						<span>02</span>
						<h4>Open-Source</h4>
						<p>Keystation is an open-source, non-custodial application. Control and access your own assets in a
							secure and decentralized way.</p>
					</li>
					<li>
						<span>03</span>
						<h4>Easy & Secure</h4>
						<p>Use Keystation in any location by logging into your Chrome or Safari account. Sign transactions
							securely with Keybase.</p>
					</li>
				</ul>
				<!-- how to begin -->
				<div class="main-begin">
					<div class="main-begin-img">
						<img src="img/begin_img@2x.png" alt="signin images">
					</div>
					<div class="main-begin-txt">
						<h4>How to begin</h4>
						<p>End-to-end encrypted password manager for decentralized applications built with the Cosmos SDK.<br>Log into any decentralized application or network built with the Cosmos SDK.<br>Simply enter your ID, account information, and PIN. Keystation imports information from Keybase<br>(compatible with Chrome & Safari) to sign transactions locally.</p>
					</div>
				</div>
			</div>

		</div>
		<!-- main end -->

		<div class="footer-social-links">
			<a href="https://github.com/cosmostation/keystation" title="Github" target="_blank"><i class="fa fa-github"></i></a>
			<a href="https://medium.com/cosmostation/introducing-keystation-end-to-end-encrypted-key-manager-for-dapps-built-with-the-cosmos-sdk-37dac753feb5" title="Medium" target="_blank"><i class="fa fa-medium"></i></a>
			<a href="https://t.me/cosmostation" title="Telegram" target="_blank"><i class="fa fa-telegram"></i></a>
			<a href="https://twitter.com/CosmostationVD" title="Twitter" target="_blank"><i class="fa fa-twitter"></i></a>
			<a href="mailto:support@cosmostation.io" title="Mail" target="_blank"><i class="fa fa-envelope"></i></a>
			<em>© 2019 <a href="https://www.cosmostation.io/" target="_blank">COSMOSTATION</a></em>
		</div>

		<!-- right -->
		<div class="side-right">
			<!-- <button type="button">Want to discuss your new project?</a></button> -->
		</div>
		<!-- right end -->

	</div>
	<!-- #app end -->
</body>

</html>